<template>
  <el-menu default-active="1-1" class="el-menu-vertical-demo">
    <el-sub-menu index="1">
      <template #title>
        <span>消息发布概况</span>
      </template>
      <el-menu-item class="tao" index="1-1" @click="router.push('/index/messageStatistics/messaging_overview')">消息发布概况
      </el-menu-item>
      <el-menu-item class="tao" index="1-2" @click="router.push('/index/messageStatistics/message_list')">消息发布列表
      </el-menu-item>
      <el-menu-item class="tao" index="1-3" @click="router.push('/index/messageStatistics/school_ranking')">学校月发布排行
      </el-menu-item>
      <el-menu-item class="tao" index="1-4" @click="router.push('/index/messageStatistics/teacher_ranking')">老师月发布排行
      </el-menu-item>
    </el-sub-menu>
  </el-menu>
</template>

<script  setup>
import { useRouter } from 'vue-router'
// import { Message_list } from '../utils/api';

var router = useRouter()

// var handleSelect = (path) =>{
//   router.push(path)
//   Message_list().then((res)=>{
//     console.log(res.data)
//   })
// }
</script>
<style scoped>
element.style {
  padding-left: 20px;
}

.tao {
  margin-left: 0px;
}

.el-sub-menu .el-menu-item {
  padding: 0px;
  min-width: 160px;
}
</style>